<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>列表渲染</title>
    </head>
    <body>
        <script src="../libs/vue.js" charset="utf-8"></script>
        <!-- template v-for -->
        <!-- <ul class="static">
            <template v-for="item in items">
                <li>{{ item.msg }}</li>
                <li class="divider"></li>
            </template>
        </ul>

        <script>
            new Vue({
                el: ".static",
                data: {
                    items: [
                        {
                            msg: 1
                        }, {
                            msg: 2
                        }, {
                            msg: 3
                        }, {
                            msg: 4
                        }
                    ]
                }
            })
        </script> -->

        <!-- 对象 v-for -->
        <!-- <ul id="repeat-object" class="demo">
            <li v-for="value in object">
                {{$key}}:{{value}}
            </li>
        </ul>
        <script>
            new Vue({
                el: "#repeat-object",
                data: {
                    object: {
                        FirstName: 'John',
                        LastName: 'Doe',
                        Age: 30
                    }
                }
            })
        </script> -->

    
        </script>

    </body>
</html>
